<template>
  <div>
    <template v-if="props.vip === 1">
      <i class="iconfont vip-icon icon-canpinhuihuiyuanv1"/>
    </template>
    <template v-else-if="props.vip === 2">
      <i class="iconfont vip-icon icon-canpinhuihuiyuanv2"/>
    </template>
    <template v-else-if="props.vip === 3">
      <i class="iconfont vip-icon icon-canpinhuihuiyuanv3"/>
    </template>
    <template v-else-if="props.vip === 4">
      <i class="iconfont vip-icon icon-canpinhuihuiyuanv4"/>
    </template>
    <template v-else-if="props.vip === 5">
      <i class="iconfont vip-icon icon-canpinhuihuiyuanv5"/>
    </template>
    <template v-else-if="props.vip === 6">
      <i class="iconfont vip-icon icon-canpinhuihuiyuanv6"/>
    </template>
  </div>
</template>
<script lang="ts" setup>
const props = defineProps(['vip'])
</script>
